<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<h:head></h:head>

	<h:body>
		<h:form>  
  
    <p:dataTable id="tbl" 
    			var="TabelaFuncionario" 
    			value="#{funcionarioAction.listaFuncionario}"
    			paginator="true" rows="4"  
                selection="#{funcionarioAction.funcionarioSelecionado}" 
                selectionMode="single"  
                onRowSelectUpdate="painel"
                onRowSelectComplete="seleciona.show()"
                emptyMessage="Não encontrado nenhum cadastro!!!"
                >  
  
        <f:facet name="header">  
           Lista de Funcionarios 
        </f:facet>  
  
        <p:column sortBy="#{TabelaFuncionario.nomePessoa }" filterBy="#{TabelaFuncionario.nomePessoa}">  
            <f:facet name="header">  
                <h:outputText value="Nome do Funcionario" />  
            </f:facet>  
            <h:outputText value="#{TabelaFuncionario.nomePessoa}" />  
        </p:column>  
  
        <p:column  >  
            <f:facet name="header">  
                <h:outputText value="Nº C.P.F.:" />  
            </f:facet>  
            <h:outputText value="#{TabelaFuncionario.cpf}" />  
        </p:column>  
  
        <p:column filterBy="#{TabelaFuncionario.cargo}" >  
            <f:facet name="header">  
                <h:outputText value="Cargo" />  
            </f:facet>  
            <h:outputText value="#{TabelaFuncionario.cargo}" />  
        </p:column>  
  
        
    </p:dataTable>  
  
   <p:dialog header="Funcionario Selecionado"
    	      widgetVar="seleciona" 
    	      resizable="true"  
              width="500" 
              height="300"
              showEffect="explode" 
              hideEffect="explode">  
  
        <h:panelGrid id="painel" columns="2" cellpadding="4">  
  
              
  
            <h:outputText value="Nome:" />  
           <p:inplace editor="true">
           <p:inputText value="#{funcionarioAction.funcionarioSelecionado.nomePessoa}" />  
  			</p:inplace>
            <h:outputText value="Cpf:" /> 
            <p:inplace editor="true"> 
            <h:inputText value="#{funcionarioAction.funcionarioSelecionado.cpf}" />  
  			</p:inplace>
             
             
        </h:panelGrid>  
        <p:commandButton id="salvar" value="Salvar"    
                         actionListener="#{funcionarioAction.salvarFuncionarioSelecionado}"/>
    </p:dialog>  

	 

</h:form>  

   
	</h:body>



</html>